<template>
  <div class="fans_item_wrap">
    <img src="../images/mainOne/fans/icon_touxiang_01.png"/>
    <div class="des">
        <span>
            loveliness 官方
        </span><br/>
        <span>
            女  18-35岁  混合性肌肤
        </span>
        <button class="btn">
            已关注
        </button>
    </div>
  </div>
</template>


<script>
export default {
    
  name:"fansItem",
  data(){
      return{

      }
  }
}
</script>

<style lang="less" scoped>
@main_color :#ff406f;
    .fans_item_wrap{
        height: 100/75rem;
        border-top: 1px solid lightgray;
        border-bottom: 1px solid lightgray;
        padding: 30/75rem 36/75rem;
        margin-top: 20/75rem;
        overflow: hidden;
        img{
            float: left;
             margin-right: 20/75rem;
        }
        .des{
            margin-top: 18/75rem;
            font-size: 25/75rem;
            line-height: 35/75rem;
           
        }
        .btn{
            float: right;
            height: 36/75rem;
            border: 2px solid @main_color;
            width: 96/75rem;
            background: #FFF;
           border-radius: 20/75rem;
           color: @main_color;
           margin-top: -10/75rem;
           outline: none;
        }
    }

</style>

